/* ============ 容器 ============ */
.wrapper {
  width: 100%;
}

/* ============ bg图片通用样式 ============ */
.baseURL(@url) {
  background: url(@url) no-repeat left top / 100% 100%;
}

/* ============ 通用一般弹窗 ============ */
.baseAlert() {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
}

/* ============ 通用一般弹窗关闭按钮 ============ */
.baseClosed(@url: "../res_img/closed.png") {
  width: 0.832rem;
  height: 0.832rem;
  align-self: flex-end;
  .baseURL(@url);
}

/* ============ flex布局 ============ */

.baseFlex(@jc, @ai, @fd: row, @fw: no-wrap, ...) {
  display: flex;
  flex-direction: @fd;
  justify-content: @jc;
  align-items: @ai;
  flex-wrap: @fw;
}